/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {Toast, Icon} from 'antd-mobile-rn';

// project
import {
    CAround, CBetween, Center, Column, CHand, CItemX, CItemY, CLine, CRow, CWrap, 
    CIcon, CImage, CSvg, CText,
    CContent, CFloat, CFooter, CHeader, CPage, CSide, 
    CEmpty, CError, CFail, CSkeleton, 
    CLabel, CButton
} from '../../../library/comp';

import Licon from '../../../library/comp/project/icon';



/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class FeedBackList extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
        super(props);
        // this.Nav = this.props.navigation;
        
        /**
         * state
         */
		this.state = {
			
		};
    }

    /*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
	render() {
		return (
			<CPage>

				<CContent mt='96' bg='#efeff4'>

                    {/* 常见问题入口 */}
                    <CRow bg='#fff' mt='20' bb='1 #f7f7f7'>
                        <CHand f='1' pa='20' onPress={(e)=> {
                            this.Nav.navigate('');
                        }}>
                            <CBetween>
                                <CHand>
                                    <CText size="32">常见问题</CText>
                                </CHand>
                                <CHand>
                                    {/* <Icon type='right' color='#adadad' size='18'></Icon> */}
                                </CHand>
                            </CBetween>
                        </CHand>
                    </CRow>

                    {/* 在线留言入口 */}
                    <CRow bg='#fff' bb='2 #f7f7f7'>
                        <CHand f='1' pa='20' onPress={(e)=> {
                            this.Nav.navigate('');
                        }}>
                            <CBetween>
                                <CHand>
                                    <CText size="32">在线留言</CText>
                                </CHand>
                                <CHand>
                                    {/* <Icon type='right' color='#adadad' size='18'></Icon> */}
                                </CHand>
                            </CBetween>
                        </CHand>
                   </CRow>

                    {/* 客服电话 */}
                   <CRow bg='#fff'>
                        <CHand f='1' pa='20' onPress={(e)=> {
                            Toast.info('您所在的小区暂未开启此功能', 1)
                        }}>
                            <CBetween>
                                <CHand>
                                    <CText size="32">客服电话</CText>
                                </CHand>
                                <CHand>
                                    <CItemX y='center'>
                                        <CText color='#b5b5b5' size='26'>工作日 9:00~18:00</CText>
                                        {/* <Icon type='right' color='#adadad' size='18'></Icon> */}
                                    </CItemX>
                                    
                                </CHand>
                            </CBetween>
                        </CHand>
                   </CRow>

                    {/* 意见反馈入口 */}
                   <CRow bg='#fff' mt='20' >
                        <CHand f='1' pa='20' onPress={(e)=> {
                            this.Nav.navigate('');
                        }}>
                            <CBetween>
                                <CHand>
                                    <CText size="32">意见反馈</CText>
                                </CHand>
                                <CHand>
                                    {/* <Icon type='right' color='#adadad' size='18'></Icon> */}
                                </CHand>
                            </CBetween>
                        </CHand>
                   </CRow>

				</CContent>
				
                {/* 顶部 star */}
                <CHeader h='96' y='center' bg='#fff'>
                    <CBetween px='20'>
                        <CHand onPress={(e)=> {
                            this.Nav.goBack()
                        }}>
                            <Icon type='left' size='md' color='#00CC66' />
                        </CHand>

                        <CText size='34'>帮助反馈</CText>
                        <CHand w='44' h='44'></CHand>
                    </CBetween>
                </CHeader>
                {/* 顶部 star */}

			</CPage>
		);
	}
}
